<template>
	<view class="content paddingtb">
		<view class="mainpadding ffffff">
			<view class="text_w color_ling">[武汉站] [林有嘉] 《idol》2023巡回演唱會</view>
			<view class="flexleft margin_top">
				<view class="text_pee color_jiu margin_right2">2023-09-09 周六 19:30</view>
				<view class="nowRegion">当前分區：A1</view>
			</view>
		</view>
		<view class="mainpadding ffffff margin_top">
			舞台圖片（後台上傳）
		</view>
		<view class="mainpadding ffffff margin_top">
			<scroll-view class="white_nowrap" scroll-x>
				<view class="flexleft margin_bottom3" v-for="item in 3">
					<view class="margin_right3" v-for="(value,index) in 8">
						<view :class="index==0?'select':'noSelect'">
							<view>A2</view>
							<view>$980</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
		<view class="footer">
			<view class="footerButton" @click="onceSeat">
				立即选座
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			onceSeat(){
				uni.navigateTo({
					url:"./ticketInfoSeat?type=1"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding-bottom: 150rpx;
	}
	.nowRegion {
		width: 167rpx;
		height: 39rpx;
		line-height: 39rpx;
		text-align: center;
		border-radius: 3rpx 3rpx 3rpx 3rpx;
		border: 1rpx solid #B8B8B8;
		font-size: 20rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #B8B8B8;
	}

	// 选區域
	.noSelect {
		width: 184rpx;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		border: 2rpx solid #E8E8E8;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
	}

	.select {
		width: 184rpx;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: rgba(255, 92, 0, 0.1);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		border: 2rpx solid #FF5C00;
		font-size: 30rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FF5C00;
	}
</style>